<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <title></title>
        <style type="text/css">

            #ck1+span{
                font-size:30px;
            }

            #ck1:checked+span{
                display:none;
            }

            #ck3{
                display:none;
            }

            #ck3+label{
                width:35px;
                height:35px;
                border:1px solid #00AA00;

                display: inline-block;
            }

            #ck3:checked+label{
               
               background-image: url(images/ok.jpg);
               background-size:100% 100%;
               border:1px solid red;
               border-radius:17.5px;
            }

           
           
        </style>
    </head>
    <body>
       
       <input type="checkbox" name="chk1" id="ck1" ><span>你好</span>   <label for="ck1">选择1</label>
       
       
       <input type="checkbox" name="chk1" id="ck2" ><label for="ck2">选择2</label>
       
       
       
       <input type="checkbox" name="chk1" id="ck3" ><label for="ck3"></label>

       <input type="radio" name="radio1" >
       <input type="radio" name="radio1" >
       <input type="radio" name="radio1" >


       <br/><br/><br/><br/><br/>

       <input class="my-checkbox" type="checkbox" id="k1">
       <label for="k1"><span></span></label>



    </body>

</html>